$(function () {
  let layer = layui.layer;
  $('.uploadBtn').click(() => {
    $('#file').click();
  });
  //获取轮播图信息
  getSwipers();
  function getSwipers() {
    $.ajax({
      url: 'admin/swipers',
      success(res) {
        let str = template('tr', res);
        $('#tb').html(str);
      },
    });
  }
  //上传轮播图
  $('#file').change(function () {
    let file = this.files;
    let fd = new FormData($(this).parent()[0]);
    $.each(file, (v, k) => {
      fd.append('swipers', k);
    });

    $.ajax({
      url: 'admin/swipers',
      contentType: false,
      processData: false,
      type: 'POST',
      data: fd,
      success(res) {
        if (res.status != 0) return layer.msg('上传轮播图失败');
        layer.msg('上传轮播图成功');
        getSwipers();
      },
    });
  });
  //删除轮播图
  $('#tb').on('click', '.delete', function () {
    let id = $(this).parents('tr').data('id');
    let index = layer.confirm(
      '确定要删除吗?',
      { icon: 3, title: '信息' },
      function (index) {
        $.ajax({
          url: 'admin/swipers/' + id,
          type: 'DELETE',
          success(res) {
            if (res.status != 0) return layer.msg('删除轮播图失败');
            layer.msg('删除轮播图成功');
            getSwipers();
          },
        });

        layer.close(index);
      }
    );
  });
  //轮播状态切换
  $('#tb').on('click', '.status1', function () {
    let id = $(this).parents('tr').attr('data-id');
    $(this).attr('data-status', 2);
    let status = $(this).attr('data-status');
    $(this).addClass('layui-bg-black');
    $(this).removeClass('layui-bg-green');
    $(this).addClass('status2');
    $(this).removeClass('status1');
    $(this).text('x');
    statusEdit(id, status);
  });
  $('#tb').on('click', '.status2', function () {
    let id = $(this).parents('tr').attr('data-id');
    $(this).attr('data-status', 1);
    let status = $(this).attr('data-status');
    $(this).addClass('layui-bg-green');
    $(this).removeClass('layui-bg-black');
    $(this).addClass('status1');
    $(this).removeClass('status2');
    $(this).text('√');
    statusEdit(id, status);
  });
  function statusEdit(id, status) {
    $.ajax({
      url: 'admin/swipers/' + id,
      type: 'PUT',
      data: {
        status,
      },
      success(res) {
        if (res.status != 0) return layer.msg('切换状态失败');
        layer.msg('切换状态成功');
      },
    });
  }
});
